/* 分类卡片组件 */

.doc-list-card {
	display: flex;
	justify-content: center;
	/* align-items: ; */
	/* flex-direction: column; */
	width: calc(20vw - 40px);
	height: calc(35vh - 119px);
	/* height: 160px; */
	max-height: 160px;
	background-color: #fff;
	text-decoration: none;
	padding: 20px;
	border-radius: 8px;
	transition: background-color .2s;
	min-width: 350px;
	justify-self: center;
}


.doc-list-card .date {
	font-size: 14px;
	color: #000000;
}

.doc-list-card .title {
	font-size: 24px;
	/* margin-top: 5px; */
	/* margin: 20px 0; */
	color: #000000;
	font-weight: 800;
	transition: all .4s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 240px;
	text-align: center;
}

.doc-list-card .title:hover {
	color: #007DDB;
}

.doc-list-card article {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	position: relative;
}


.doc-list-card .brief {
	padding: 3px 8px;
	color: #000000;
	border-radius: 5px;
	font-size: 14px;
	/* margin-bottom: 5px; */
	transition: background-color .2s, margin-top .2s;
}

.doc-list-card:hover {
	background-color: #F7F7F7;
}

.doc-list-card:hover .title {
	font-size: 30px;
}


.doc-list-card>.content>article>.brief:hover {
	background-color: #EBEBEB;
}

.loading {
	display: flex;
	/* justify-content: center; */
	align-items: center;
}

.loading-animation {
	display: flex !important;
	justify-content: center;
}

.loading-content {
	display: none !important;
}

/* 载入动画 */

.sk-wave .sk-rect {
	background-color: #EBEBEB;
	height: 50px;
	width: .5em;
	display: inline-block;
	-webkit-animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
	animation: sk-wave-stretch-delay 1.2s infinite ease-in-out;
}

.sk-wave .sk-rect-1 {
	-webkit-animation-delay: -1.2s;
	animation-delay: -1.2s;
}

.sk-wave .sk-rect-2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.sk-wave .sk-rect-3 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}

.sk-wave .sk-rect-4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.sk-wave .sk-rect-5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-wave-stretch-delay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

@keyframes sk-wave-stretch-delay {

	0%,
	40%,
	100% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4);
	}

	20% {
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
	}
}

@media only screen and (max-width:768px) {
	.doc-list-card {
		min-width: calc(90vw - 40px);
		margin: 5px 0;
		/* height: calc(35vh - 119px); */
	}
}
